<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>结算</title>
		<script src="../static/js/base.js"></script>
	</head>
	<style type="text/css">
		.top{
		    height: 50px;
		    line-height: 50px;
		    background-color: #424242;
		    text-align: center;
		}
		.left_arrow{
            width: 23px;
            height: 25px;
            top: 13px;
            left: 15px;
            background-size: 50%;
            position: absolute;
            background-image: url(../static/img/arrow_left.png);
            z-index: 100;
        }
		.types {
		    padding: 0px 15px;
		    width: 100%;
		    background-color: #393939;
		    line-height: 34px;
		    box-sizing: border-box;
		}
		.choosetype {
		    border-bottom: 2px solid #E60020;
		}
		.cpad{
			padding: 0px 50px;
    		box-sizing: border-box;
		}
		.pingcang{
	        margin-top: 2px; 
	    }
	    .group_btn{
    	    line-height: 45px;
	        /*padding: 7px 0px;*/
	        border: 1px solid #EFEFEF;
	        border-radius: 5px;
	    }
		.orderlist{
		    padding: 9px 15px;
		    box-sizing: border-box;
		    background-color: #393939;
		    margin-bottom: 2px;
		}
	</style>
	<body ms-controller="wm">
		<div class="top"><span class="left_arrow bgBox" ms-click="gohistory"></span>结算</div>
		<div class="types hidden">
			<div class="w50 fl tc cpad" ms-click="ChooseType(1)"><span class="inline_block w100" ms-class-choosetype="currentType==1">结算</span></div>
			<div class="w50 fl tc cpad" ms-click="ChooseType(2)"><span class="inline_block w100"  ms-class-choosetype="currentType==2">流单</span></div>
		</div>
		<div class="orderlist">
			<div>
				<span class="f12 color_ef">德指</span>
				<span class="f10 colororange ml10 mr10">1手</span>
				<span class="f10 color_ef bgcolor_red buyup">买涨</span>
				<span class="f10 fr colorccc pingcang">04:10自动平仓</span>
			</div>
			<div class="num_con f12 color999 mt10">
				<div class="hidden">
					<div class="w50 fl">
						<div>盈亏<span class="colorred ml10">83.75[9点]</span></div>
						<div class="mt15">触发止盈<span class="color_ef ml10">不触发[0点]</span></div>
						<div class="mt15">开仓<span class="color_ef ml10">1337.5</span></div>
						<div class="mt15">保证金<span class="color_ef ml10">5400</span></div>
						<div class="mt15">开仓时间<span class="color_ef ml10">2018-03-23&nbsp;20:52</span></div>
					</div>
					<div class="w50 fl">
						<div>单号<span class="color_ef ml10">1620455</span></div>
						<div class="mt15">触发止损<span class="color_ef ml10">-3750[-40点]</span></div>
						<div class="mt15">最新平仓<span class="color_ef ml10">13342.0</span></div>
						<div class="mt15">交易费用<span class="color_ef ml10">280</span></div>
						<div class="mt15">移动保本<span class="color_ef ml10">否</span></div>
					</div>
				</div>
				<div class="btns mt15 f12 color_ef mb15">
					<span class="group_btn inline_block tc w100">再来一单</span>
				</div>
			</div>
		</div>
	</body>
	<script type="text/javascript">
		var o;
		avalon.ready(function(){
			o = avalon.define({
				$id:"wm",
				currentType:-1,
				ChooseType:function(tabId){
		            o.currentType=tabId;
		       },
		       gohistory:function(){
		       	    location.href = "order_list.html"
		       }
			});
			avalon.scan(document.body);
		})
	</script>
</html>
